/* 悬赏列表页样式 */
.bounty-list-container
  padding 20px

  .bounty-header
    display flex
    justify-content space-between
    align-items center
    margin-bottom 20px

    .publish-button
      background-color #f5222d
      border-color #f5222d

      &:hover,
      &:focus
        background-color #ff4d4f
        border-color #ff4d4f

  .filter-bar
    margin-bottom 20px
    background-color #f8f8f8
    padding 12px
    border-radius 4px
    display flex
    align-items center

    .filter-label
      margin-right 8px
      margin-left 16px
      color #666

      &:first-child
        margin-left 0

  .bounty-list
    .bounty-card
      transition all 0.3s
      border-radius 8px
      overflow hidden
      height 100%
      display flex
      flex-direction column

      &:hover
        box-shadow 0 4px 12px rgba(0, 0, 0, 0.1)

      .bounty-card-header
        display flex
        justify-content space-between
        align-items center
        margin-bottom 10px

      .bounty-title
        margin 10px 0
        overflow hidden
        text-overflow ellipsis
        display -webkit-box
        -webkit-line-clamp 2
        -webkit-box-orient vertical

      .bounty-reward
        color #722ed1
        font-weight 500

      .bounty-info
        margin-top auto
        display flex
        justify-content space-between
        color #999
        font-size 12px

  .loading-container
    display flex
    justify-content center
    align-items center
    min-height 300px


/* 弹窗表单样式 */
.form-actions
  display flex
  justify-content flex-end
  gap 10px
  margin-top 24px

/* 悬赏详情页样式 */
.bounty-detail-container
  padding 20px

  .bounty-detail-card
    border-radius 8px
    box-shadow 0 2px 8px rgba(0, 0, 0, 0.08)

    .bounty-header
      display flex
      justify-content space-between
      align-items flex-start
      margin-bottom 16px

      .bounty-title-section
        flex 1

      .bounty-actions
        margin-left 20px

    .publisher-info
      display flex
      align-items center
      margin-bottom 20px
      color #666

      .publisher-name
        margin 0 12px 0 8px
        font-weight 500

      .publish-time
        color #999
        font-size 12px

    .bounty-description
      margin-bottom 30px
      white-space pre-wrap

    .submission-list
      .submission-title
        display flex
        align-items center
        gap 12px

      .submission-details
        .submission-time
          font-size 12px
          color #999
          margin-bottom 6px

        .submission-description
          margin-bottom 8px

        .submission-link,
        .submission-file
          margin-bottom 4px

    .empty-submissions
      text-align center
      color #999
      padding 30px 0

  .not-found
    text-align center
    padding 50px 0

  .loading-container
    display flex
    justify-content center
    align-items center
    min-height 400px 